@charset "gbk";
/* CSS Document */
@media (max-width: 1300px){
	.index_prol{ left:0px; z-index:1;}
	.index_pror{ right:0px; z-index:1;}
}
@media (max-width: 768px){
	.news,.about,.footer,.page_pro,header .max,.list,.index_pro,.choose,.serve_pic,.page_news,.second,.news_list,.records,.pro_list{ padding-left:2%; padding-right:2%; box-sizing:border-box;}
	#dh{ display:block; text-align:right; padding-right:2%; box-sizing:border-box;}
	header .max{ display:flex;}
	.header_r{ float:left;}
	.dh{ display:block; margin-right:0px; color:#fff; border:0px;}
	
	.nav{ position:absolute; z-index:20; right:0px; top:100%; width:100%; max-width:100%; overflow:visible;}
	.nav ul{height:0px; overflow:hidden; max-width:100%; width:40%; background:rgba(255,255,255,0.90); float:right;}
	.nav ul>li{ float:left; width:100%; max-width:100%; position:relative;}
	.nav ul>li a{ color:#333; line-height:50px;}
	.nav ul>li .nav_show{ display:none; overflow:visible;}
	.nav>ul>li ol{ position:absolute;background:rgba(255,255,255,0.85); width:100%; max-width:100%; padding:0px;}
	.nav>ul>li ol li{ height:0px;max-width:100% !important; width:100% !important; border:0px !important;}
	.nav>ul>li ol li a{ color:#000; display:block; width:100%;}
	.nav ul>li:hover>a{ color:#fff;}
	.nav ul>li:hover .nav_show{ display:block; right:100%; width:100%; max-width:100%; top:0px;}
	.nav>ul>li:hover ol li{ height:auto;}
	.nav_pic{ display:none;}
	
	.nav ul>li>a{pointer-events: none;}
	
	.banner{ height:370px;}
	.banner ul li img{ height:370px;}
	.second a{font-size:14px;}
	.index_prol{ left:2%; z-index:1;}
	.index_pror{ right:2%; z-index:1;}
	.about{ background:none;}
	.about_r .title{ text-align:center;}
	.about_r .title::after{ margin:19px auto auto auto;}
	.about_r{ max-width:100%; width:100%; padding:0px;}
	.choose .content div{ max-width:calc(100% / 3);}
	.choose .content div:nth-of-type(3){border:0px;}
	.choose .content div:nth-of-type(5){border-right:1px solid #bf777f; padding-top:30px;}
	.choose .content div:nth-of-type(4){border-right:1px solid #bf777f; padding-top:30px;}
	.choose{ background-size:auto 100%;}
	.news_l img{ max-height:100%;}

	
	.news_l{ max-width:100%;}
	.news_r{ max-width:100%; border-top:1px solid #e4e4e4;}
	
	.serve_pic{ display:flex;}
	.footer_l div{ padding:0px !important; max-width:calc(100% / 6); text-align:center; width:100%;}
	
	.footer_l{ max-width:100%;}
	.footer_r{ max-width:100%; width:100%; padding:0px; margin-top:30px;}
	.news_l span img{ height:auto;}


	.pro_list li{ max-width:calc(100% / 3 - 25px); margin:0px; margin-bottom:10px;}
	.pro_list li:nth-child(3n-1){ margin:0px 25px;}
	.news_list_img{max-width:260px;}
	.news_list_text{max-width:calc(100% - 270px); padding-left:20px;}
	.pro_class{ display:flex; flex-wrap:wrap; justify-content:center;}
	.pro_class a{ width:auto; margin:5px 1% !important;flex-grow:1; padding:0 2%; white-space:pre;}
	.pro_class a:last-child{flex-grow:0;}

	.pro_brand li{ max-width:calc(100% / 3 - 8px);}
	.pro_brand span img{ height:220px}
	
	.pro_list li{ max-width:calc(100% / 3 - 25px); margin:0px; margin-bottom:10px;}
	.pro_list li:nth-child(3n-1){ margin:0px 25px;}
	.page_text_l{ max-width:100%;}
	.page_text_r{ max-width:100%; margin-top:20px;}

}
@media (max-width: 425px){
	.lef_rig span{ display:none;}
	.sj_footer{ display:block; z-index:20;}
	footer{ padding-bottom:77px; }
	.dh{ max-width:40px; max-height:40px; line-height:40px;}
	
	.header_l{ max-width:100px; margin:8px 0px;}
	header .max{ height:auto;}
	.header_r{ display:none;}
	.banner{height:250px;}
	.banner ul li img{ height:250px; object-fit:unset;}
	
	.list{ display:none;}
	.products{ padding-bottom:20px;}
	.products .index_pro{ height:auto; position:static; display:block !important;}
	.products .index_pro:nth-of-type(n+6){ display:none !important;}
	.index_pro ul{ max-width:100%; height:auto; position:static;}
	.index_pro li{ width:49%; position:static; float:left; margin:0px; margin-bottom:10px;}
	.index_pro li:nth-of-type(even){float:right;}
	.index_pro li:nth-of-type(n+3){ display:none;}
	.products .picture img{ height:180px;}
	.inventory{ display:none;}
	.icon{ display:none;}
	.bgsize{ font-size:30px;}
	.prospect{ font-size:20px; top:5px;}
	.often,.choose .often,.news .often{ margin:25px 0px 15px 0px;}
	.products .text{ font-size:14px;}
	
	.about_r .title{ background:none; font-size:20px;}
	.about_r .text{ margin-top:15px; font-size:14px; line-height:28px;}
	
	.news_list_img{ max-width:100%;}
	.news_list_text{ max-width:100%; padding:10px;}
	.news_l .title{ margin:14px 0px 11px 0px; font-size:14px;}
	.news_l .text{ font-size:12px; line-height:24px;}
	.news_l time{ margin:15px 0px;}
	.news_r li{ padding:18px 42px 12px 24px}
	.more{ margin:20px auto;}
	.records{ padding-top:10px; padding-bottom:10px;}
	.tel{ font-size:18px;}
	.tel p:nth-of-type(2),.tel p:nth-of-type(3){ line-height:28px;}
	.mail{ margin-top:14px;}
	.news_r li div p{ font-size:14px;}
	.news_r time{ font-size:12px;}
	
	.choose .content div{ max-width:49%;border-right:0px !important; padding-top:30px;}
	.choose .content div:nth-of-type(even){ float:right;}
	.choose .content div:nth-of-type(5){ display:none;}
	.footer_l{ display:none;}
	.footer_r{ margin:0px;}
	
	.serve{ display:none;}
	
	.second{ text-align:center;}
	.second li{ border-bottom:0px; line-height:36px;}
	.second li:hover{ border-bottom:0px;}
	.pro_title{ font-size:18px;}
	.page_odd time{ font-size:14px; margin:10px auto;}
	.page_odd{ margin:10px auto;}
	.page_pro{ padding:10px auto;}
	.news_list_text p:first-child{ font-size:16px;}
	.news_list_text time{ font-size:12px; margin:5px auto;}
	.news_list_text a{ font-size:14px;}
	
	.pro_list li{ max-width:49%; margin:0px; margin-bottom:10px; float:left; margin:0px !important;}
	.pro_list li:nth-child(2n){ float:right;}
	.page_text_r .tel font{ display:inline-block; font-size:20px;}
	.page_text_r .url a{ margin:0px !important;}
	.page_text_r p{ font-size:14px;}
	.page_text_r .title{ font-size:16px;}
	.page_text_r .text{ font-size:12px;}
	.page_text_r .tel{ margin-top:20px;}
	.page_pro_content .title span{ font-size:16px;}
}

@media (max-width: 375px){
	.banner{ height:200px;}
	.banner ul li img{ height:200px; object-fit:unset;}
	.index_pro li{ width:100%;}
	.products .picture img{ height:auto;}
	.choose .content div{padding-top:0px !important; padding-bottom:15px;}
	.pro_list li{max-width:100%; width:100%; margin-bottom:10px !important;}
	.pro_list li span img{ height:auto;}
	.page_text_r div{ margin-bottom:15px;}
	

}



@media (max-width: 320px){
	.footer_r{ text-align:center;}
	.footer_r div{ width:100% !important;}
	.footer_r div:nth-of-type(2){ padding:0px;}
	#dh{ width:10%;}
	.logo{ width:85%;}
	.dh{ max-width:30px; max-height:30px; line-height:30px; font-size:24px; padding:0px;}
	.choose .content div ul{ padding-left:0px;}
}